<template>
    <div class="family">
        <div class="search">
            <van-search v-model="value" placeholder="请输入搜索关键词" />
        </div>
        <div class="list">
            <van-sidebar v-model="activeKey">
                <van-sidebar-item title="酒水食品" />
                <van-sidebar-item title="家用电器" />
                <van-sidebar-item title="电脑办公" />
                <van-sidebar-item title="家具家居" />
                <van-sidebar-item title="服装服饰" />
                <van-sidebar-item title="个化护装" />
                <van-sidebar-item title="衣帽鞋包" />
                <van-sidebar-item title="运动户外" />
                <van-sidebar-item title="汽车用品" />
                <van-sidebar-item title="母婴玩具" />
                <van-sidebar-item title="医药保健" />
                <van-sidebar-item title="图书音像" />
                <van-sidebar-item title="旅游生活" />
            </van-sidebar>
        <div>
            <van-grid :column-num="3">
  <van-grid-item v-for="value in 9" :key="value" icon="photo-o" text="酒水食品" />
</van-grid>
        </div>
        </div>
    </div>
</template>
<style scoped>
   .list{
     display: flex;
   }
</style>